/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss
 */
//$navbar-inverse-link-color: #5AADBB;
//$icon-font-path: "../../bower_components/bootstrap-sass/assets/fonts/bootstrap/";

//颜色变量，从图片中取值的颜色存在这里作为变量，根据深浅程度命名

$color-white: rgb(255, 255, 255) !global;
$color-black: rgb(0, 0, 0) !global;
$color-background: rgb(242, 245, 248) !global;
$color-skin:rgb(255,238,211) !global;

$color-grey: (light: rgb(204, 204, 204), normal: rgb(106, 106, 106)) !global;

$color-green: (light: rgb(110, 191, 100), normal: rgb(12, 80, 62), dark: rgb(10, 62, 48)) !global;

$color-red:(light: rgb(229, 82, 51)) !global;

$color-yellow: (normal: rgb(237, 176, 9)) !global;

/**
 *  Do not remove the comments below. It's the markers used by wiredep to inject
 *  sass dependencies when defined in the bower.json of your dependencies
 */
// bower:scss
// endbower

/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your sass files automatically
 */
// injector
// endinjector

body {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: $color-background;
}

#appBody {
  height: 100%;
  width: 100%;
}

#appNaviB {
  height: 100%;
}

#appContent {
  width: 100%;
  height: 100%;
}
